<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>订单页面</title>
    <link rel="stylesheet" href="style/base.css" type="text/css">
    <link rel="stylesheet" href="style/global.css" type="text/css">
    <link rel="stylesheet" href="style/home.css" type="text/css">
    <link rel="stylesheet" href="style/order.css" type="text/css">
    <link rel="stylesheet" href="style/bottomnav.css" type="text/css">
    <link rel="stylesheet" href="style/layui.css">
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/header.js"></script>
    <script type="text/javascript" src="js/ajax.js"></script>
    <script src="js/orderList.js"></script>
    <script src="js/layui.all.js"></script>
</head>

<body>
    <span id="newheader"></span>
    <script src="js/newheader.js"></script>
    <!-- 头部 start -->
    <div class="header w1210 bc mt15">
        <!-- 页面主体 start -->
        <div class="main w1210 bc mt10">
            <div class="crumb w1210">
                <h2><strong>我的恒之 </strong><span>> 我的订单</span></h2>
            </div>
            <!-- 左侧导航菜单 start -->
            <div class="menu fl">
                <h3>我的恒之</h3>
                <div class="menu_wrap">
                    <dl>
                        <dt>订单中心 <b></b></dt>
                        <dd><a href="order.html">我的订单</a></dd>
                        <dd><a href="order.html">我的活动</a></dd>
                        <dd><a href="order.html">评论晒单</a></dd>
                        <dd><a href="order.html">代下单</a></dd>
                    </dl>
                    <dl>
                        <dt>客户服务 <b></b></dt>
                        <dd><a href="order.html">返回退换货</a></dd>
                        <dd><a href="order.html">意见建议</a></dd>
                        <dd><a href="order.html">我的问答</a></dd>
                        <dd><a href="order.html">购买咨询</a></dd>
                        <dd><a href="order.html">我的发票</a></dd>
                    </dl>
                    <dl>
                        <dt>账户中心 <b></b></dt>
                        <dd><a href="user.html">账户信息</a></dd>
                        <dd><a href="address.html">收货地址</a></dd>
                    </dl>
                </div>
            </div>
            <!-- 左侧导航菜单 end -->
            <!-- 右侧内容区域 start -->
            <div class="content fl ml10">
                <div class="order_hd">
                    <h3>我的订单</h3>
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <ul class="layui-tab-title" id="tab">
                            <li id="a" onclick='change_group(0)' class="layui-this current">全部</li>
                            <li id="f" onclick='change_group(1)' class="">待付款</li>
                            <li id="f" onclick='change_group(2)' class="">待发货</li>
                            <li id="q" onclick='change_group(3)' class="">待确认收货</li>
                            <li id="q" onclick='change_group(4)' class="">待评价</li>
                            <div class="layui-tab-content"></div>
                    </div>
                </div>


                <div class="order_bd mt10" style="margin-top: -1.4rem;">
                    <table class="layui-table">
                        <colgroup>
                            <col width="150">
                            <col width="150">
                            <col width="150">
                            <col>
                        </colgroup>
                        <thead>
                            <tr>
                                <th>订单号</th>
                                <th>订单商品</th>
                                <th>收货人</th>
                                <th>订单金额</th>
                                <th>下单时间</th>
                                <th>订单状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody class="allList"></tbody>
                    </table>
                    <div id="box"></div>
                </div>

                <div class="order_bd mt10" style="margin-top: -1.4rem;">
                    <table class="layui-table">
                        <colgroup>
                            <col width="150">
                            <col width="150">
                            <col width="150">
                            <col>
                        </colgroup>
                        <thead>
                            <tr>
                                <th>订单号</th>
                                <th>订单商品</th>
                                <th>收货人</th>
                                <th>订单金额</th>
                                <th>下单时间</th>
                                <th>订单状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody class="noPayment">
                           
                        </tbody>
                    </table>
                    <div id="box1">
                    </div>
                </div>

                <div class="order_bd mt10" style="margin-top: -1.4rem;">
                    <table class="layui-table">
                        <colgroup>
                            <col width="150">
                            <col width="150">
                            <col width="150">
                            <col>
                        </colgroup>
                        <thead>
                            <tr>
                                <th>订单号</th>
                                <th>订单商品</th>
                                <th>收货人</th>
                                <th>订单金额</th>
                                <th>下单时间</th>
                                <th>订单状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id="box" class="pending"> </tbody>
                    </table>
                    <div id="box2"></div>
                </div>

                <div class="order_bd mt10" style="margin-top: -1.4rem;">
                    <table class="layui-table">
                        <colgroup>
                            <col width="150">
                            <col width="150">
                            <col width="150">
                            <col>
                        </colgroup>
                        <thead>
                            <tr>
                                <th>订单号</th>
                                <th>订单商品</th>
                                <th>收货人</th>
                                <th>订单金额</th>
                                <th>下单时间</th>
                                <th>订单状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id="box" class="noReceiving">
                    </table>
                    <div id="box3"></div>
                </div>

                <div class="order_bd mt10" style="margin-top: -1.4rem;">
                    <table class="layui-table">
                        <colgroup>
                            <col width="150">
                            <col width="150">
                            <col width="150">
                            <col>
                        </colgroup>
                        <thead>
                            <tr>
                                <th>订单号</th>
                                <th>订单商品</th>
                                <th>收货人</th>
                                <th>订单金额</th>
                                <th>下单时间</th>
                                <th>订单状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id="box" class="evaluate">
                    </table>
                    <div id="box4"></div>
                </div>
            </div>
        </div>

        <div style="clear:both;"></div>
    </div>
	<span id="newfooter"></span>
    <script src="js/footer.js"></script>
    <script>

        function change_group(index) {
            $('.order_bd').removeClass('displayS');
            $('.order_bd').eq(index).addClass('displayS');
            // $('.layui-this').hide();
        };
    </script>
</body>

</html>